<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
.object {
	margin: 5px;
	padding: 10px;
	background-color: #8ABD93;
}

.contact,.actions {
	margin: 5px;
	padding: 10px;
	background-color: #718E76;
}

.action {
	margin: 5px;
	padding: 10px;
	background-color: #2D7B3A;
}
</style>

<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/pure.js"></script>
<script type="text/javascript" src="../js/dasding.js"></script>
<script type="text/javascript">
	var directive = {
		'h1.name' : 'name',
		'p.id+' : 'id'
	};
</script>
<script type="text/javascript">
	$(document).ready(function() {
		$.ajax({
			url : "/dasding/api/locations/id/" + getURLParameter('id'),
			success : function(data) {
				$('#data').render(data, directive);
			}
		});
	});
</script>

</head>
<body>

	<!-- HTML template -->
	<div id="data">
		<div class="object">
			<h1 class="name"></h1>
			<p class="id">ID:</p>
		</div>
	</div>
</body>
</html>
